<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input type="text">
    <br>
    <button>注册</button>

    <script>

        // cookie  会话跟踪技术

        // 会话   一次谈话，聊天

        //   浏览器端     服务端


        // 打开浏览器时，服务器是关闭的
        // 输入用户名，注册一个账号，与服务器进行一次会话  给一个结果    服务器关闭
        // 登录   还会与服务器进行会话  你是谁，密码是多少   登录成功   服务器关闭
        // 买东西  买件衣服 ，加入购物车  与服务器进行会话   你是谁，要买什么  服务器关闭
        // 买东西  买件裤子，加入购物车  与服务器进行会话   你是谁，要买什么  服务器关闭


        // 服务端每一次打开都需要知道用户信息

        // 对于客户端而言  每一次都输入用户信息很麻烦

        // 可以把用户信息存在cookie中 ， 每一次向服务器发送请求的时候，cookie都会被携带


        // cookie 缓存  存储在我们自己的电脑上面  本地文件

        // 风险：可以被用户清除

        // cookie不能存重要数据 ， 建议存储一些简单的用户信息 


        // 登录成功以后   yy账号登录以后，所有的页面都可以访问yy这个数据   yy这个数据可以跨页面访问

        // 跨页面访问数据的前提条件  --- 必须是同一个网站 

        // 同源策略  域名 + 端口号 + 协议 必须都是相同的   同一个网站

        //    http://www.baidu.com     https://www.baidu.com   协议不一样
        //    http://www.baidu.com     http://www.jd.com       域名不一样
        //    http://127.0.0.1/cookie.html   http://127.0.0.1:5050/cookie.html   端口号不一样

        // 跨源访问数据  --- 跨域


        // cookie的创建
        //   document.cookie = 字符串(内容=值)

    

        document.cookie = 'username=yy' ;

        // document.cookie = 'cc=666;path=/;expires=new Date()' ;


       
    </script>
    
</body>
</html>